.report_contanier {
  // padding: 20px;
  //background-color:#e4eaec;
  //height: 100%;
  //.report_bottom {
  //    height: 100%;
  //
  //    .report_table{
  //        padding: 10px;
  //        height: 100%;
  //        background-color: #f2f2f2;
  //        border-left: 1px solid #dee5e7;
  //    }
  //}

  //.report_top{
  //    padding: 10px 0;
  //}
  :global {
    .ant-btn-icon-only {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  display: flex;
  padding: $blockMargin;

  .tree_container {
    width: 240px;
    border: 1px solid #ddd;
    margin-right: 20px;
    display: table;
    min-height: 300px;
  
    & > p {
      padding: $btnMargin;
      border-bottom: 1px solid #ddd;
      margin: 0;
    }
  
    & > div {
      padding: $btnMargin 20px;
    }

  }

  .table_container {
    flex: 1;
    width: 0;
  }

  .table {
    margin-top: 20px;

    .green_btn {
      font-size: 16px;
      color: $green;
    }
  }
}

:global {
  
  .tree_node {
    cursor: pointer;
    margin-bottom: 5px;

    span {
      margin-right: 5px;
      color: #9c9c9c;
    }
  }

  .tree_node_active {
    color: $green;

    span {
      color: $green;
    }
  }
  
}

.analysis_addfolder, .share_modal {
  :global .ant-card-body {
    max-height: 300px;
    overflow: auto;
  }
  :global .ant-modal-body {
    max-height: 520px;
    overflow: auto;
  }
}

.share_modal {
  .auth_container {
    display: flex;
    justify-content: space-between;
  }
  :global .ant-card {
    margin-right: 10px;
    &:last-child {
      margin-right: 0;
    }
  }
}